<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
		<style>
			ul {
				font-size: 14px;
				color: #8f8f94;
			}
			.mui-btn {
				padding: 10px;
			}
		</style>
	</head>

	<body>
		<!-- 侧滑导航根容器 -->
		<div class="mui-off-canvas-wrap mui-draggable">
		  <!-- 主页面容器 -->
		  <div class="mui-inner-wrap">
		     <!-- 菜单容器 -->
		    <aside class="mui-off-canvas-left">
		      <div class="mui-scroll-wrapper">
		        <div class="mui-scroll">
		        	<ul  id="mui-left-menu" class="mui-table-view">
				    <li class="mui-table-view-cell"><a href="#"><span class="mui-icon mui-icon-person" style="background-color:#DD524D;"></span> 信息</a></li>
				    <li class="mui-table-view-cell"><a href="#"><span class="mui-icon mui-icon-compose" style="background-color:#7Cac87;"></span> 游记</a></li>
				    <li class="mui-table-view-cell"><a href="#"><span class="mui-icon mui-icon-map" style="background-color:#FFCC23;"></span> 踩单</a></li>
				    <li class="mui-table-view-cell"><a href="#"><span class="mui-icon mui-icon-loop" style="background-color:#7CE587;"></span> 换城</a></li>
				    <li id='setting' class="mui-table-view-cell"><a href="#"><span class="mui-icon mui-icon-settings" style="background-color:#9999F5;"></span> 设置</a></li>
				</ul>
		        </div>
		      </div>
		    </aside>
		    <!-- 主页面标题 -->
		    <header class="mui-bar mui-bar-nav">
		      <h1 class="mui-title">淘淘游</h1>
		    </header>
		    <!-- 主页面内容容器 -->
		    <div class="mui-content mui-scroll-wrapper">
		      <div class="mui-scroll">
		        <!-- 主界面具体展示内容 -->
		        
		      </div>
		    </div>  
		  </div>
		</div>
		
		<script src="js/mui.min.js"></script>
		<script src="js/app.js"></script>
		<script>
			(function($, doc) {
				$.init();
				var settings = app.getSettings();
				var account = doc.getElementById('account');
				//
				window.addEventListener('show', function() {
					var state = app.getState();
					account.innerText = state.account;
				}, false);
				$.plusReady(function() {
					var settingPage = $.preload({
						"id": 'setting',
						"url": 'setting.html'
					});
					//设置
					var settingButton = doc.getElementById('setting');
					//settingButton.style.display = settings.autoLogin ? 'block' : 'none';
					settingButton.addEventListener('tap', function(event) {
						$.openWindow({
							url:"examples/info.html",
							id: 'setting',
							show: {
								aniShow: 'pop-in'
							},
							styles: {
								popGesture: 'hide'
							},
							waiting: {
								autoShow: false
							}
						});
					});
					//--
					$.oldBack = mui.back;
					var backButtonPress = 0;
					$.back = function(event) {
						backButtonPress++;
						if (backButtonPress > 1) {
							plus.runtime.quit();
						} else {
							plus.nativeUI.toast('再按一次退出应用');
						}
						setTimeout(function() {
							backButtonPress = 0;
						}, 1000);
						return false;
					};
				});
			}(mui, document));
		</script>
	</body>

</html>